.blue {
  color: #3A9FFF;
  text-decoration: none;

}
ul {
  margin: 0;
  padding: 0;
}
.white {
  width: 90%;
  margin-left: 5%;
}

.show {
  background: #009943;
  color: white;
}

.new_house {
  background: #31C526;
  color: white;
}

.down {
  color: red;
  margin-left: 30px;
  font-size: 20px;
  margin-top: 18%;
  -webkit-transform: rotate(90deg);
}

.up {
  color: black;
  margin-left: 10px;
  font-size: 20px;
  margin-top: -2%;
}

.red {
  color: red;
  text-decoration: none;
}

.am-search-synthetic-ph {
  width: 200px;
}

.my_card {
  overflow: hidden;
  width: 100%;
  height: 110px;
  background: white;
  margin-top: 4px;
  display: flex;
  padding: 10px;
  font-size: 20px;
  border-bottom: 2px solid #EEEEEE;
  justify-content: space-between;


.my_card_left {
  width: 26%;
  height: 90%;
}

.my_card_right {
  width: 65%;
  height: 90%;
  margin-right: 6%;
}

.my_card_right_top {
  width: 100%;
  height: 76%;

  ul {

    height: 100%;
    list-style: none;
    display: flex;
    margin: 0;
    justify-content: space-between;

    li {
      margin: 0;
      height: 100%;
    }

    li:nth-child(1) {
      width: 68%;
      font-size: 14px;
      ul {
        width: 100%;
        display: block;
        list-style: none;
 
        li:nth-child(1) {
          //background: forestgreen;
          width: 100%;
          height: 50%;
          color: #404040;
          justify-content: space-between;
          display: flex;
          align-items: center;
          p:nth-child(2) {
            width: 30%;
          height: 20px;
            text-align: center;
            line-height: 20px;
            border-radius: 6px;
            margin-right: 4px;
          }
        }

        li:nth-child(2) {
          display: block;
        
          width: 100%;
          height: 40%;
          font-size: 12px;
          color: #B0B0B0;

          .oness {
            width: 60%;
            overflow: hidden; /*超出部分隐藏*/
            white-space: nowrap; /*不换行*/
            text-overflow: ellipsis; /*超出部分文字以...显示*/
          }

          P {
            margin: 0 0 0 1px;
          }

          p:nth-child(2) {
            margin-top: 6%;
          }
        }
      }
    }

    li:nth-child(2) {
      width: 32%;
      font-size: 14px;
      display: flex;
      color: #00AA00;
      font-weight: 600;
      justify-content: center;
      align-items: center;
 
    }
  }

}

.my_card_right_but {
  width: 100%;
  height: 22%;
  margin-top: -20px;

  ul {
    padding: 0;
    width: 100%;
    height: 100%;
    margin-top: 20px;
    display: flex;
    list-style: none;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    li {
      padding: 0;
      margin-top: 6%;
      height: 25px;
      margin-right: 6px;
      box-sizing: border-box;
     padding: 0px 5px;
      line-height: 25px;
      font-size: 8px;
    }

    li:nth-child(1) {
      font-size: 10px;
      background: #FFEBEF;
      color: #E86768;
    }

    li:nth-child(2) {
      background: #E8EAF6;
      color: #8592DC;
    }

    li:nth-child(3) {
      background: #DEF8FA;
      color: #599E64;
    }

    li:nth-child(4) {
      background: #D9F0F2;
      color: #64A5AD;
    }
  }
}
}
.details {
  width: 100%;
  height: 100vh;
  background: #F4F4F4;
  overflow: hidden;

  .details_top {
    width: 100%;
    height: 30%;
    background: white;
  }

  .details_center {
    margin-top: 2%;
    height: 1000px;
    background: white;

    ul {
      padding: 0;
      list-style: none;

      li {
        color: #464A53;
        padding-left: 4%;
        font-size: 12px;
        margin-top: 10px;
        font-weight: 500;
      }

      li:nth-child(1) {
        width: 90%;
        height: 40px;
        font-size: 20px;
        line-height: 40px;
        padding-left: 10%;
        margin-bottom: 30px;
      }

      li:nth-child(7) {
        div:nth-child(2) {
          margin-right: 20px;
        }

        display: flex;
        justify-content: space-between;
      }

      li:nth-child(8) {
        div:nth-child(2) {
          margin-right: 20px;
        }

        display: flex;
        justify-content: space-between;
      }

      li:nth-child(9) {
        div:nth-child(2) {
          margin-right: 20px;
        }

        display: flex;
        justify-content: space-between;
      }
    }
  }

  .details_bottom {
    position: fixed;
    bottom: 0;
    height: 6%;
    display: flex;

    .details_bottom_top {
      width: 30%;
      height: 100%;
      display: flex;
      justify-content: space-around;

      div {
        display: block;
        text-align: center;
        height: 100%;
        width: 36%;
        color: #B7B1AF;


        p {
          margin: 0;
        }

        p:nth-child(1) {
          margin-top: 20%;
          width: 80%;
          height: 50%;

          margin-left: 10%;
        }

        font-size: 12px;
      }
    }

    .details_bottom_bottom {
      display: flex;
      width: 70%;
      height: 100%;
      background: skyblue;

    }

    div {
      color: white;
      height: 100%;
      width: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .details_bottom_bottom_one {
      background: #00AC00;
    }

    .details_bottom_bottom_two {
      background: #FF6600;
    }
  }
}

